article#grid-contact {
  padding-bottom:40px;
  color:#555;
  text-shadow:0 1px 1px #000;
}
article#grid-contact > .gambar-p {
  height:400px;
  overflow:hidden;
  position:relative;
  z-index:5;
}
article#grid-contact > .gambar-p .title {
  background-image:url(http://2.bp.blogspot.com/-zJ_gMTMFtKo/T700_X6STdI/AAAAAAAABVU/oEhjIMhovLs/s1600/contact.png);
  background-position:top center;
  background-repeat:no-repeat;
  height:400px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#grid-contact > .peta-iframe > iframe {
  position:absolute;
  top:0;
  width:100%;
  height:410px;
  bottom:0;
  top:60px;
  left:0;
  right:0;
  opacity:0.1;
  z-index:2;
}
article#grid-contact > .gambar-p > .text-p {
  position:absolute;
  top:32px;
  width:500px;
  left:420px;
}
article#grid-contact > .gambar-p > .text-p span.judul1 {
  font-family:'Open Sans',arial narrow,arial,sans serif;
  font-size:28px;
  font-weight:bold!Important;
  letter-spacing:1px;
  text-transform:uppercase;
  line-height:.9em;
  color:#eee;
  padding:6px 11px;
  position:relative;
  z-index:7;
}
article#grid-contact > .gambar-p > .text-p p {
  padding:0;
  margin:0;
  font-size:10px;
  line-height:14px;
  position:relative;
  z-index:7;
}
.bg-1x88z3 {
  position:absolute;
  background-color:none;
  background-image:none;
  left:0;
  top:430px;
  right:0;
  height:40px;
  box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -moz-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  -webkit-box-shadow:inset 4px -8px 12px rgba(0,0,0,.9);
  z-index:4;
}
article#grid-contact .grid-m1 {
  float:left;
  width:22px;
  height:1px;
}
article#grid-contact .grid-c1 {
  float:left;
  width:705px;
}
article#grid-contact .grid-m2 {
  float:left;
  width:20px;
  height:1px;
}
article#grid-contact .grid-c2 {
  float:left;
  width:198px;
  height:290px;
  margin-left:3px;
  overflow:hidden;
  position:relative;
  padding:20px;
  background-image:url(http://2.bp.blogspot.com/-EtwHC1Oe3w8/T8vIf9sZqGI/AAAAAAAABcM/K8Y_UsrDI7E/s1600/bg-x.jpg);
  background-repeat:repeat;
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 15px 12px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 15px 12px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:0 15px 12px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
}
article#grid-contact .grid-c2 .button {
  font:bold 12px/24px "lucida grande",tahoma,verdana,arial,sans-serif;
  display:block;
  width:98px;
  height:25px;
  position:absolute;
  bottom:20px;
  left:20px;
  padding:2px 3px;
  color:#fff;
  background-color:#5872a7;
  background-image:linear-gradient(#637bad,#5872a7);
  -webkit-box-shadow:inset 0 1px 0 #879ac0,0 2px 3px rgba(0,0,0,.7);
  -moz-box-shadow:inset 0 1px 0 #879ac0,0 2px 3px rgba(0,0,0,.7);
  box-shadow:inset 0 1px 0 #879ac0,0 2px 3px rgba(0,0,0,.7);
  text-decoration:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  border-color:#29447e #29447e #1a356e;
}
article#grid-contact .grid-c2 p {
  padding-bottom:5px;
  line-height:18px;
  font-size:12px;
}
article#grid-contact .grid-c2 .button a {
  color:#fff;
  line-height:1.7em;
}
article#grid-contact .grid-c2 .button:hover {
  color:#fff;
  background-color:#3b5998;
}
article#grid-contact label,article#grid-contact .judul,article#grid-contact input,article#grid-contact textarea {
  font:normal 16px Homenaje,arial,sans serif;
  text-transform:uppercase;
  color:#535353;
  text-shadow:0 1px 1px #000;
}
article#grid-contact form {
  float:left;
  width:94%;
  background-color:rgba(15,15,15,.1);
  background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
  background-repeat:repeat;
  -webkit-transition:all .15s ease-in-out;
  -webkit-transform-origin:50% 1px;
  overflow-x:hidden;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin:0 0 100px;
  padding:20px;
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 15px 12px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  -moz-box-shadow:0 15px 12px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
  box-shadow:0 15px 12px rgba(0,0,0,.9),0 3px 16px rgba(0,0,0,.9)inset;
}
article#grid-contact fieldset {
  border:none;
}
article#grid-contact #user-details {
  float:left;
  width:230px;
}
article#grid-contact #user-message {
  float:right;
  width:405px;
}
article#grid-contact input,article#grid-contact textarea {
  width:220px;
  font-size:14px;
  color:#555;
  overflow-x:hidden;
  margin:4px 0 20px;
  padding:8px;
  background-color:rgba(3,3,3,.5);
  border:1px solid rgba(255,255,255,0.05);
  border-top-color:rgba(255,255,255,0.05);
  border-bottom-color:rgba(255,255,255,0.06);
  border-left:1px solid #222;
  border-radius:5px;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  -webkit-transition:background .3s linear;
  -moz-transition:background .3s linear;
  -ms-transition:background .3s linear;
  -o-transition:background .3s linear;
  transition:background .3s linear;
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
  box-shadow:0 3px 6px rgba(0,0,0,.4),0 2px 16px #000000 inset;
}
article#grid-contact textarea {
  width:400px;
  height:175px;
}
article#grid-contact input:hover,article#grid-contact textarea:hover {
  background:rgba(000,0,0,.3);
}
article#grid-contact input.submit {
  width:150px;
  text-transform:uppercase;
  margin-top:10px;
  -webkit-transition:0 .3s linear;
  overflow:hidden;
  padding:3px 10px;
  color:#535453;
  text-shadow:0 1px 1px #000;
  background-image:url(http://4.bp.blogspot.com/-XIBkA5MSGAU/T8vBc5EZdBI/AAAAAAAABbs/14VamatzfLA/s1600/bg-y.jpg);
  border:1px solid #151515;
  border-top-color:rgba(255,255,255,0.06);
  border-bottom-color:rgba(255,255,255,0.03);
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.9),0 2px 15px rgba(0,0,0,.6)inset;
  -moz-box-shadow:0 2px 5px rgba(0,0,0,.9),0 2px 15px rgba(0,0,0,.6)inset;
  box-shadow:0 2px 5px rgba(0,0,0,.9),0 2px 15px rgba(0,0,0,.6)inset;
}
article#grid-contact input.submit:hover {
  background-color:rgba(0,0,0,.3);
  cursor:pointer;
}
article#grid-contact .gambar {
  padding:20px 0;
}
article#grid-contact div.title,article#grid-contact .judul1,article#grid-contact .text-p p {
  display:none;
}